<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Show Event</title>
    </h:head>

    <h:body>

        <p:layout fullPage="true">

            <p:layoutUnit position="north" size="70" >
                <p:button style="background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); border: double; border-color: black; border-width: 3px; color: black; margin-top: 0.4em " outcome="calendar" value="Calendar"/>

            </p:layoutUnit>

            <p:layoutUnit position="south" size="0">
                

            </p:layoutUnit>

            <p:layoutUnit position="west">
                <p:menu style="width: 140px; background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); border: double; border-color: black; border-width: 5px">
                    <p:submenu style="color: black; border: solid; background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%)" label="Event Manager">
                        <p:menuitem style="color: black" value="Create Event"  outcome="/s/user/createevent" />
                        <p:menuitem style="color: black" value="Update Event"  outcome="/s/user/updateevent" />
                        <p:menuitem style="color: black" value="Delete Event"  outcome="/s/user/deleteevent" />
                    </p:submenu>
                </p:menu>
            </p:layoutUnit>

            <p:layoutUnit position="center">
                
                <h:panelGrid id="eventtoshowDetails" columns="2">
                    <h:outputLabel style="color: black" for="name" value="Name:" />
                    <h:outputText id="name" value="#{eventshowbean.event.name}" />
                    <h:outputLabel style="color: black" for="location" value="Location:" />
                    <h:outputText id="location" value="#{eventshowbean.event.location}"/>
                    <h:outputLabel style="color: black" for="startdate" value="Start Date and Time:" />
                    <h:outputText id ="startdate" value="#{eventshowbean.event.startDateTime}" />
                    <h:outputLabel style="color: black" for="enddate" value="End Date and Time:" />
                    <h:outputText id="enddate" value="#{eventshowbean.event.endDateTime}" />
                    <h:outputLabel style="color: black" for="privacy" value="Privacy:" />
                    <h:outputText id="privacy" value="#{eventshowbean.event.privacy}" />
                    <h:outputLabel style="color: black" for="type" value="Type:" />
                    <h:outputText id="type" value="#{eventshowbean.event.type}" />        

                </h:panelGrid>
                
                <p:button style="background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); border: double; border-color: black; border-width: 3px; color: black; margin-top: 1em " outcome="invitation" value="Invitation"/>
                
            </p:layoutUnit>

        </p:layout>

    </h:body>  
</html>
